
  <!--轮播图部分-->
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="../../assets/z1.jpg" alt=""></div>
      <div class="swiper-slide"><img src="../../assets/z2.jpg" alt=""></div>
      <div class="swiper-slide"><img src="../../assets/z3.jpg" alt=""></div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>

    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>

  </div>
  <div class="window">

  <!--新品-->
  <img src="../../assets/zxinpin.png" alt="图片未加载" class="xping">
  <!--礼拜五-->
  <div>
    <!--标题-->
    <div class="vai">
      <img src="../../assets/zbiao.png" alt="图片为加载">
      <span class="span1">礼拜五</span>
      <span class="span2">Firiday</span>
        <span class="span3">
          距离开始
          <span>{{intDay}}天</span>
          <span>{{intHour}}</span>:
          <span>{{intMinute}}</span>:
          <span>{{intSecond}}</span>
          <a href="###">更多></a>
        </span>
    </div>
    <!--展示商品部位-->
    <div class="showpic" *ngFor="let obj of friday" (click)="doClick(obj)">
        <img src="{{obj.imgs}}" alt="">
        <p>{{obj.depict}}</p>
        <p>礼拜五价:<span>¥{{obj.price}}</span></p>
    </div>
  </div>
<!--新鲜水果-->
    <div class="engu">
      <!--标题-->
      <div class="vai">
        <img src="../../assets/zbiao.png" alt="图片为加载">
        <span class="span1">新鲜水果</span>
        <span class="span2">优选全球好货</span>
        <span class="span3">
          <a href="###">更多></a>
        </span>
      </div>
      <!--展示商品部位-->
      <div class="showpic" *ngFor="let obj of outfruits" (click)="doClick(obj)">
        <img src="{{obj.imgs}}" alt="">
        <p>{{obj.depict}}</p>
        <p>礼拜五价:<span>¥{{obj.price}}</span></p>
      </div>
    </div>
    <!--蔬菜净菜-->
    <div class="engu">
      <!--标题-->
      <div class="vai">
        <img src="../../assets/zbiao.png" alt="图片为加载">
        <span class="span1">蔬菜净菜</span>
        <span class="span3">
          <a href="###">更多></a>
        </span>
      </div>
      <!--展示商品部位-->
      <div class="showpic" *ngFor="let obj of outgreens" (click)="doClick(obj)">
        <img src="{{obj.imgs}}" alt="">
        <p>{{obj.depict}}</p>
        <p>礼拜五价:<span>¥{{obj.price}}</span></p>
      </div>
    </div>
    <!--肉类家禽-->
    <div class="engu">
      <!--标题-->
      <div class="vai">
        <img src="../../assets/zbiao.png" alt="图片为加载">
        <span class="span1">肉类家禽</span>
        <span class="span3">
          <a href="###">更多></a>
        </span>
      </div>
      <!--展示商品部位-->
      <div class="showpic" *ngFor="let obj of outmeat" (click)="doClick(obj)">
        <img src="{{obj.imgs}}" alt="">
        <p>{{obj.depict}}</p>
        <p>礼拜五价:<span>¥{{obj.price}}</span></p>
      </div>
    </div>
    <!--海鲜水产-->
    <div class="engu">
      <!--标题-->
      <div class="vai">
        <img src="../../assets/zbiao.png" alt="图片为加载">
        <span class="span1">海鲜水产</span>
        <span class="span3">
          <a href="###">更多></a>
        </span>
      </div>
      <!--展示商品部位-->
      <div class="showpic" *ngFor="let obj of outseafood" (click)="doClick(obj)">
        <img src="{{obj.imgs}}" alt="">
        <p>{{obj.depict}}</p>
        <p>礼拜五价:<span>¥{{obj.price}}</span></p>
      </div>
    </div>
    <!--粮油副食-->
    <div class="engu">
      <!--标题-->
      <div class="vai">
        <img src="../../assets/zbiao.png" alt="图片为加载">
        <span class="span1">粮油副食</span>
        <span class="span3">
          <a href="###">更多></a>
        </span>
      </div>
      <!--展示商品部位-->
      <div class="showpic" *ngFor="let obj of outseafood" (click)="doClick(obj)">
        <img src="{{obj.imgs}}" alt="">
        <p>{{obj.depict}}</p>
        <p>礼拜五价:<span>¥{{obj.price}}</span></p>
      </div>
    </div>
    <!--零食酒水-->
    <div class="engu">
      <!--标题-->
      <div class="vai">
        <img src="../../assets/zbiao.png" alt="图片为加载">
        <span class="span1">零食酒水</span>
        <span class="span3">
          <a href="###">更多></a>
        </span>
      </div>
      <!--展示商品部位-->
      <div class="showpic" *ngFor="let obj of outsnack" (click)="doClick(obj)">
        <img src="{{obj.imgs}}" alt="">
        <p>{{obj.depict}}</p>
        <p>礼拜五价:<span>¥{{obj.price}}</span></p>
      </div>
    </div>
    <!--蛋奶速食-->
    <div class="engu">
      <!--标题-->
      <div class="vai">
        <img src="../../assets/zbiao.png" alt="图片为加载">
        <span class="span1">蛋奶速食</span>
        <span class="span3">
          <a href="###">更多></a>
        </span>
      </div>
      <!--展示商品部位-->
      <div class="showpic" *ngFor="let obj of outcustard" (click)="doClick(obj)">
        <img src="{{obj.imgs}}" alt="">
        <p>{{obj.depict}}</p>
        <p>礼拜五价:<span>¥{{obj.price}}</span></p>
      </div>
    </div>
    <!--全球代购-->
    <div class="engu">
      <!--标题-->
      <div class="vai">
        <img src="../../assets/zbiao.png" alt="图片为加载">
        <span class="span1">全球代购</span>
        <span class="span3">
          <a href="###">更多></a>
        </span>
      </div>
      <!--展示商品部位-->
      <div class="showpic" *ngFor="let obj of outglobal" (click)="doClick(obj)">
        <img src="{{obj.imgs}}" alt="">
        <p>{{obj.depict}}</p>
        <p>礼拜五价:<span>¥{{obj.price}}</span></p>
      </div>
    </div>
  </div>

